/* ----------------------------------------------------------------------------------------------------  
CORE STYLES  
Author: Philip Poole    
Contents:  	
	- 'Global
	- 'Progessive enhancement
	- 'Spotlight
	- 'Thickbox

Notes:  	 
	- all sizes are in em, the caculation used: (pixel_size / 10) / font_em_size  	 
	- For multline css, the lines are ordered as follows:  	 		
		- font changes are on top line  	 		
		- font size and any em caculations are on second line   	 		
		- all other styling is on 3rd line.
---------------------------------------------------------------------------------------------------- */


/* 'Global 
---------------------------------------------------------------------------------------------------- */
	#wrapper	 				{ margin-top: 5em; }
	.hideContent				{ visibility:hidden; display:none;}


/* 'Progessive enhancement 
---------------------------------------------------------------------------------------------------- */

    li.clearCookie				{ display:none; visibility:hidden;}
	body.js li.clearCookie		{ display:list-item; visibility:visible; } 
	
	.hs_vert					{ display:none; visibility:hidden;}
	body.js .hs_vert			{ display:block; visibility:visible;}
	

/* 'Spotlight 
---------------------------------------------------------------------------------------------------- */
	div.spotlight 				{ background-color: #5E8647; color:#2C1D0A; }
	div.spotlight div 			{padding:1em;}
	div.spotlight h2 			{ color:#2C1D0A; }
	
	div.spotlight a, 
	div.spotlight a:link,
	div.spotlight a:visited 	{ color:#fff; }
	
	div.spotlight ul 			{ margin: 1.5em; }
	
	
/* 'Thickbox
---------------------------------------------------------------------------------------------------- */

	/* ThickBox specific link and font settings */
	#TB_window 				{ font: 12px Arial, Helvetica, sans-serif; color: #333333;}
	#TB_secondLine 			{ font: 10px Arial, Helvetica, sans-serif; color:#666666;}
	#TB_window a:link 		{ color: #666666;}
	#TB_window a:visited 	{ color: #666666;}
	#TB_window a:hover 		{ color: #000;}
	#TB_window a:active 	{ color: #666666;}
	#TB_window a:focus		{ color: #666666;}

	/* ThickBox settings  - check ie_lt_7.css for IE6 fixes */
	#TB_overlay 			{ position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}	/* see ie6 hack in ie_all.css */

	.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat;}
	.TB_overlayBG {	background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

	#TB_window { position:fixed; background:#ffffff; z-index:102; color:#000000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%;} 
	#TB_window img#TB_Image { display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;}
	
	#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left;}
	#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right;}
	#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}
	#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
	#TB_title{ background-color:#e8e8e8; height:27px;}
	#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}	
	#TB_ajaxContent.TB_modal{ padding:15px;}
	#TB_ajaxContent p{ padding:5px 0px 5px 0px;}
	#TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
	/* see ie6 hack in ie_all.css */
	#TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%;}
	/* see ie6 hack in ie_all.css */
	#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}

